<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png">
  <title>屿东|屿东的个人简介</title>
  <meta name="description" content="屿东的个人网站，期待与更多的人相遇！">
  <meta name="keywords" content="屿东 屿东的个人网站 二次元 个人网站 博客  技术宅  动漫 动画 宅 宅文化">
  <link rel="apple-touch-icon-precomposed" href="images/avatar.bab2b7d4.jpeg">
  <link rel="stylesheet" type="text/css" href="css/h.9c69ed6c.css">
  <link rel="stylesheet" type="text/css" href="css/nekotora.99cf6f8c.css">
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-137340638-1"></script>
  <script>function a() { dataLayer.push(arguments) } window.dataLayer = window.dataLayer || [], a("js", new Date), a("config", "UA-137340638-1");</script>
</head>

    <body data-phone-cc-input="1">
        <link href="css/toastr.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <link href="css/toastr.min.css" rel="stylesheet">
        <script src="js/toastr.min.js"></script>
        <style>
          .toast-bottom-center {
            position: absolute;
            left: 30px;
            right: 10px;
            top: 20px;
          }
        </style>
         <nav>
          <a href="/" class="active">首页</a> <a class="clip"></a>
          <a href="/">未知</a>
          <a href="/">未知</a>
        </nav>
        <div class="background">
          <canvas id="startrack"></canvas>
          <div class="cover"></div>
        </div>
        <div class="main">
          <div class="ch intro">
            <div class="container">
              <div class="hello">
                <h1 id="slogan">思考中...</h1>
                <h2>
                  <div class="circle"> <span></span> <span></span>
                    <span></span>
                  </div>屿东|屿东的个人简介
                </h2>
              </div>
            </div>
          </div>
          <div class="ch about">
            <div class="container">
              <h2 class="chtitle">Who is <span>yudong</span>？</h2>
              <div class="clear">
                <div class="introduct">
                  <img class="avatar" src="images/yudong.jpg" style="border:3px solid #fff;">
                  <p style="padding-bottom:1em;">How lucky to meet you!</p>
                  <span>你好，这里是</span><span style="font-size:15px;"> 屿东</span><p>20岁，是学生，一个朝着全栈(干)工程师学习的前端小菜鸟</p>
                  <div class="chatbox">
                    <div class="line loading"> <span></span>
                      <span></span> <span></span>
                    </div>
                  </div>
                </div>
                <ul class="skill clear">
                  <li>
                    <p>HTML5/CSS3</p>
                    <div class="progress">
                      <div style="width:78%;"></div>
                      <span>制作网站程度的能力</span>
                    </div>
                  </li>
                  <li>
                    <p>JavaScript/Typescript</p>
                    <div class="progress">
                      <div style="width:55%;"></div>
                      <span>使用现代轮子程度的能力</span>
                    </div>
                  </li>
                  <li>
                    <p>Vue</p>
                    <div class="progress">
                      <div style="width:50%;"></div>
                      <span>了解并能使用</span>
                    </div>
                  </li>
                  <li>
                    <p>uniapp</p>
                    <div class="progress">
                      <div style="width:50%;">
                      </div><span>能根据文档解决大部分业务需求</span>
                    </div>
                  </li>
                  <li>
                    <p>微信小程序</p>
                    <div class="progress">
                      <div style="width:70%;"></div>
                      <span>能够熟练掌握</span>
                    </div>
                  </li>
                  <li>
                    <p>Node.js</p>
                    <div class="progress">
                      <div style="width:50%;"></div>
                      <span>能够掌握基本框架</span>
                    </div>
                  </li>
                  <li>
                    <p>React.js</p>
                    <div class="progress">
                      <div style="width:20%;"></div>
                      <span>了解基本语法</span>
                    </div>
                  </li>
                  <li>
                    <p>学习能力</p>
                    <div class="progress">
                      <div style="width:100%;"></div>
                      <span></span>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="find ch">
            <div class="container links">
              <h2 class="chtitle">屿东的<span>社交账号</span></h2>
              <div class="clear col-3">
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#28a9e0"></div>
                    <div class="inner"> <span>博客</span> </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#28a9e0"></div>
                    <div class="inner"> <span>屿东</span> </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#28a9e0"></div>
                    <div class="inner"> <span>屿东</span> </div>
                  </div>
                </a>
              </div>
              <div class="clear">
                <a href="http://wpa.qq.com/msgrd?v=3&uin=2395183536&site=qq&menu=yes" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#28a9e0"></div>
                    <div class="inner"> <i class="icon-qq"></i>
                      <span>QQ</span>
                    </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#28a9e0"></div>
                    <div class="inner"> <i class="icon-mail"></i> <span>Mail</span> </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#e6162d"></div>
                    <div class="inner"> <i class="icon-weibo"></i> <span>Weibo</span> </div>
                  </div>
                </a>
                <a href="https://space.bilibili.com/436987575/dynamic?spm_id_from=444.41.my-info.face.click" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#f9a2a8"></div>
                    <div class="inner"> <i class="icon-bilibili"></i>
                      <span>Bilibili</span>
                    </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#28a9e0"></div>
                    <div class="inner"> <i class="icon-twitter"></i> <span>Twitter</span> </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#0f88eb"></div>
                    <div class="inner"> <i class="icon-zhihu"></i>
                      <span>知乎</span>
                    </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#f09199"></div>
                    <div class="inner"> <i class="icon-bookmark"></i> <span>Bangumi</span> </div>
                  </div>
                </a> <a href="http://music.163.com" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#f12d35"></div>
                    <div class="inner"> <i class="icon-netease_music"></i>
                      <span>网易云音乐</span>
                    </div>
                  </div>
                </a>
                <a href="https://github.com/yd-coder?tab=repositories" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#353535"></div>
                    <div class="inner"> <i class="icon-github"></i> <span>Github</span> </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#b600ff"></div>
                    <div class="inner"> <i class="icon-instagram"></i> <span>Instgram</span> </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="footer ch">
          <div class="container">
            <h3>屿东的个人网站</h3>
            <p>蘑菇森林的尽头，新世界的起点</p>
            <p class="c"><a href="/">Say hello to me @ </a></p>
          </div>
        </div>
        <script src="js/page.3a0791a3.js"></script>
        <script type="text/javascript" src="js/stats.js" charset="UTF-8">
        </script>

        <audio autoplay>
          <source src="https://api.uomg.com/api/rand.music?sort=热歌榜" type="audio/mpeg">
        </audio>

      </body>
</html>